<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>CSS 的三种位置</title>
		
		
		<style type="text/css">
			
			/* 选中页面上的所有h3元素进行字体颜色的设置 */
			h3{
				color: blue;
			}
			div{
				background-color: yellow;
				color: blue;
			}
			
		</style>
		
		<link rel="stylesheet" href="./js/test.css">
		
	</head>
	<body>
		<!-- 测试错误 -->
		<h1 style="text-align: center;" >CSS 样式测试</h1>
		<p><span  style="color:redddd"> 测试错误Invalid property value无效的属性值 </span>
		<p><span   style="colorrrrr:red"> 测试错误Unknown property name未知的属性名</span>
		 <!-- 只有删除线不是错误，是发生样式冲突后未生效 -->
		<h1 style="display: inline-block;"> 样式冲突 </h1>
		
		<!-- 关于分号的问题 -->
		<h1 style="color: red;background-color: yellow;">注册新用户1</h1>
		<h1 style="color: red;background-color: yellow;">注册新用户2</h1>
		<h1 style="color: red background-color: yellow;">Invalid property value无效的属性值</h1>
		
		<hr>
		<!-- ------------------------------------------------ -->
		<h3>测试内部样式h3</h3>
		<div>测试内部样式div</div>
		<span>测试内部样式span</span>
		<h3>测试内部样式h3</h3>
		
		<div style="color: red;">我是页头</div>
		<div>我是页面主体</div>
		<div>我是页尾</div>
		
		<hr>
		<!-- -------------------------------------- -->
		
		
		
		
	</body>
</html>
